<!DOCTYPE html><!--  Last Published: Mon Feb 19 2024 01:36:14 GMT+0000 (Coordinated Universal Time)  -->
<html data-wf-page="657eebdfb6545ac9af893db6" data-wf-site="657c661418a503e0b43c9905">
<head>
  <meta charset="utf-8">
  <title>loginOrRegistry</title>
  <meta content="loginOrRegistry" property="og:title">
  <meta content="loginOrRegistry" property="twitter:title">
  <meta content="width=device-width, initial-scale=1" name="viewport">
  <link href="css/normalize.css" rel="stylesheet" type="text/css">
  <link href="css/webflow.css" rel="stylesheet" type="text/css">
  <link href="css/shikais-stunning-site.webflow.css" rel="stylesheet" type="text/css">
  <script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
  <link href="images/favicon.png" rel="shortcut icon" type="image/x-icon">
  <link href="images/webclip.png" rel="apple-touch-icon">
  <style>
.loginbelowdiv{
  z-index: 1;
}
#name-2 {
  padding-left: 10px;
}
#PassWord-2 {
  padding-left: 10px;
}
#name {
  padding-left: 10px;
}
#PassWord{
  padding-left: 10px;
}
.loginbelowdiv{
  z-index: 1;
}
#name-2 {
  padding-left: 10px;
}
#PassWord-2 {
  padding-left: 10px;
  position: relative; /* 设置相对定位，作为验证码图标的定位上下文 */
  display: inline-block; /* 或者根据需要使用其他显示类型 */
  padding-right: 30px; /* 确保文本不会覆盖图标 */
}
#name {
  padding-left: 10px;
}
#PassWord{
  padding-left: 10px;
}
.form .linklogin {
  position: absolute; /* 绝对定位，相对于 input-wrapper 定位 */
  right: 10px; /* 距离右边的距离，可以根据需要调整 */
  top: 40%; /* 垂直居中 */
  transform: translateY(-50%); /* 精确居中 */
  cursor: pointer; /* 鼠标悬停时显示指针，表明可点击 */
  /* 其他样式，如大小、颜色等 */
  z-index: 1;
}
</style>
</head>
<body class="body-2">
  <div data-animation="default" data-collapse="small" data-duration="400" data-easing="ease" data-easing2="ease" role="banner" class="navbar w-nav">
    <div class="container w-container">
      <a href="#" class="w-nav-brand"><img src="images/1111111111111.png" loading="lazy" width="50" sizes="50px" alt="" srcset="images/1111111111111-p-500.png 500w, images/1111111111111.png 721w" class="image"></a>
      <aside role="navigation" class="nav-menu w-nav-menu">
        <a href="index.html" class="w-nav-link">首页</a>
        <a href="#" class="w-nav-link">关于</a>
        <a data-w-id="a7ee818c-a542-807a-849b-83e547ef9cbf" href="loginorregistry.html" aria-current="page" class="w-nav-link w--current">登录</a>
      </aside>
      <div class="w-nav-button">
        <div class="w-icon-nav-menu"></div>
      </div>
    </div>
  </div>
  <div id="applogin" class="vue-root">
    <section id="logzhanghao" data-w-id="600d155b-c38b-9036-c7be-d08779c0e58b" class="sectiondenglu dengluyouxiang">
      <div class="w-layout-blockcontainer container-3 w-container">
        <div class="text-block">欢迎使用Qi</div>
        <div data-current="Tab 1" data-easing="ease" data-duration-in="300" data-duration-out="100" class="tabs w-tabs">
          <div class="tabs-menu w-tab-menu">
            <a data-w-tab="Tab 1" class="aaaa w-inline-block w-tab-link w--current">
              <div class="text-block-2">邮箱登录</div>
            </a>
            <a data-w-tab="Tab 2" class="aaaa w-inline-block w-tab-link">
              <div class="text-block-2 tablelinks">短信登录</div>
            </a>
          </div>
          <div class="tabs-content w-tab-content">
            <div data-w-tab="Tab 1" class="w-tab-pane w--tab-active">
              <div class="form-block w-form">
                <form id="wf-form-denglu" name="wf-form--5" data-name="用户登录" method="post" class="form" data-wf-page-id="657eebdfb6545ac9af893db6" data-wf-element-id="2ad66404-6596-778a-782e-7f6f2a6b2416"><input class="text-field inputform w-input" autofocus="true" maxlength="256" name="email" data-name="email" placeholder="    请输入邮箱" type="email" id="emaillogin" required=""><input class="inputform text-field w-input" maxlength="256" name="pwd" data-name="pwd" placeholder="     输入密码" type="text" id="pwdlogin" required=""><input type="submit" data-wait="请稍等......." v-on:click="login()" deviceid="exploer" devicename="pc" expireseconds="-1" class="submit-button w-button" value="登录"></form>
                <div class="w-form-done">
                  <div>Thank you! Your submission has been received!</div>
                </div>
                <div class="w-form-fail">
                  <div>Oops! Something went wrong while submitting the form.</div>
                </div>
              </div>
            </div>
            <div data-w-tab="Tab 2" class="w-tab-pane">
              <div class="form-block w-form">
                <form id="wf-form-duanxin" name="wf-form--5" data-name="用户登录" redirect="/#/" data-redirect="/#/" method="post" class="form" data-wf-page-id="657eebdfb6545ac9af893db6" data-wf-element-id="bde55ae6-150c-6905-582f-8cb688a4dec0"><input class="text-field inputform w-input" autofocus="true" maxlength="256" name="name-2" data-name="Name 2" placeholder="    请输入手机号码" type="text" id="name-2" required="">
                  <a id="get-verification-code-button" href="#" class="linkchongzhi linklogin">获取验证码</a><input class="inputform text-field w-input" maxlength="256" name="PassWord-2" data-name="Pass Word 2" placeholder="     请输入验证码" type="password" id="PassWord-2" required=""><input type="submit" data-wait="请稍等......." class="submit-button w-button" value="登录">
                  <div class="w-embed w-script">
                    <script>
    // 获取按钮元素
    const button = document.getElementById('get-verification-code-button');
    // 初始化倒计时秒数
    let countdownSeconds = 10;
    let countdownInterval; // 声明定时器变量
    // 点击按钮后的操作
    button.addEventListener('click', () => {
        // 禁用按钮
        button.disabled = true;
        // 启动倒计时
        countdownInterval = setInterval(() => {
            countdownSeconds--;
            button.textContent = `等待 ${countdownSeconds} 秒`;
            if (countdownSeconds <= 0) {
                // 倒计时结束，恢复按钮状态
                clearInterval(countdownInterval);
                button.textContent = '获取验证码';
                button.disabled = false;
                countdownSeconds = 10; // 重新设置倒计时秒数
            }
        }, 1000);
    });
</script>
                  </div>
                </form>
                <div class="w-form-done">
                  <div>Thank you! Your submission has been received!</div>
                </div>
                <div class="w-form-fail">
                  <div>Oops! Something went wrong while submitting the form.</div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="div-block loginbelowdiv">
          <a data-w-id="251e6622-aaa1-76bf-08ec-6b2a73d02a79" href="#" class="linkchongzhi linklogin">忘记密码</a>
          <a data-w-id="9e96fe58-8dff-5439-259b-e0af5e264412" href="#" class="linkchongzhi linklogin">新用户账号注册</a>
        </div>
      </div>
    </section>
    <section class="yonghuzhuce">
      <div class="w-layout-blockcontainer container-10 w-container">
        <div class="text-block">用户注册(当前仅支持邮箱注册)</div>
        <div class="form-block-3 w-form">
          <form id="email-form" name="email-form" data-name="Email Form" method="get" class="form-3" data-wf-page-id="657eebdfb6545ac9af893db6" data-wf-element-id="868635f1-cefa-02bb-ba4c-dc187b850af7"><input class="zhuce-form-shuru w-input" maxlength="256" name="youxiang" data-name="youxiang" placeholder="请输入邮箱" type="text" id="youxiangzhuce" required="">
            <a id="get-verification-code-button-zhuce" v-on:click="getCaptua()" href="#" class="link">获取验证码</a><input class="zhuce-form-shuru w-input" maxlength="256" name="yanzhengma-youxiang" data-name="yanzhengma-youxiang" placeholder="请输入邮箱验证码" type="email" id="yanzhengma-youxiang" required=""><input class="zhuce-form-shuru w-input" maxlength="256" name="passwordzhuce" data-name="passwordzhuce" placeholder="请输入密码" type="password" id="passwordzhuce" required=""><input type="submit" data-wait="正在处理中...." v-on:click="registry()" class="submit-button-3 zhuce-form-shuru w-button" value="注册">
          </form>
          <div class="w-form-done">
            <div>Thank you! Your submission has been received!</div>
          </div>
          <div class="w-form-fail">
            <div>Oops! Something went wrong while submitting the form.</div>
          </div>
        </div>
      </div>
    </section>
    <article id="logweixin" data-w-id="b911dd60-d1a9-c59a-25eb-6fe4b7a846bf" class="sectionweixin">
      <div class="w-layout-blockcontainer container-8 w-container">
        <div class="text-block">免费注册</div>
        <p class="paragraph-4">微信扫码关注公众号完成登录</p>
        <div><img src="https://d3e54v103j8qbb.cloudfront.net/plugins/Basic/assets/placeholder.60f9b1840c.svg" loading="lazy" alt=""></div>
        <p data-w-id="99fed769-475c-545f-52b9-08e69df34629" class="paragraph-5">已有账号? 去登录 &gt;</p>
      </div>
    </article>
  </div>
  <section class="sectionqiehuanweixin">
    <div class="w-layout-blockcontainer w-container">
      <div>
        <div class="text-block-3">其他方式登录</div>
        <div class="div-block2"><img src="images/icon-wx-svg.d25633ec.svg" loading="lazy" alt="">
          <div data-w-id="2010b1d3-365c-8b82-1713-2e08047ba331">微信扫码登录</div>
        </div>
      </div>
    </div>
  </section>
  <div class="w-embed w-script">
    <script src="https://cdn.jsdelivr.net/npm/vue@2.6.12/dist/vue.js"></script>
    <script>
       new Vue({
        el: '#applogin', // 指定Vue根实例的挂载点
        data: {
            message: 'Hello World from Vue.js!', // 动态数据
            count: 0, // 另一个动态数据
        },
        methods: {
            showAlert() {
                alert('Hello from Vue.js!');
            },
            incrementCount() {
                this.count++;
            },
          login() {
          var self_ = this
          var email = $('#emaillogin').val()
          var pwd = $('#pwdlogin').val()
          $.ajax({
            url: "https://api.it120.cc/shikai/user/email/login",
            type: "POST",
            data: "deviceName=电脑浏览器" + '&' + "deviceId=pc" + '&' + "email=" + email + '&' + "pwd=" + pwd,
            processData: false,
            contentType: "application/x-www-form-urlencoded",
            success: function (data) {
              if (data.code == 0) {
                console.log("---------登陆用户id存储---------")
                //使用本地化cooke存储
                localStorage.setItem('uid', data.data.uid)
                localStorage.setItem('token',data.data.token)
                alert("登陆成功")
                window.location.href='cardzhuye'
              }
            },
            error: function (e) {
              alert("error,请联系管理员");
            }
          })
        },
        registry() {
          var code = $('#yanzhengma-youxiang').val()
          var email = $('#youxiangzhuce').val()
          var pwd = $('#passwordzhuce').val()
          $.ajax({
            url: "https://api.it120.cc/shikai/user/email/register",
            type: "POST",
            data: "email=" + email + '&' + "code=" + code + '&' + "pwd=" + pwd,
            processData: false,
            contentType: "application/x-www-form-urlencoded",
            success: function (data) {
              alert(data.msg)
              if (data.code == 0) {
                alert("注册成功")
              }
            },
            error: function (e) {
              alert("error,请联系管理员");
            }
          })
        },
        getCaptua() {
          var email_adress = $('#youxiangzhuce').val()
          console.log(email_adress)
          $.ajax({
            url: "https://api.it120.cc/shikai/verification/mail/get",
            type: "get",
            data: "mail=" + email_adress,
            processData: false,
            contentType: "application/x-www-form-urlencoded",
            success: function (data) {
              if (data.code == 0) {
                alert("验证码发送成功，请查看邮箱，验证码5分钟内有效")
              }
            },
            error: function (e) {
              alert("error,请联系管理员");
            }
          })
        },
        //
        },
    });
</script>
    <style>
.sectionchongzhimima {
    margin-top: -180px;
    margin-bottom: 80px;
}
</style>
  </div>
  <section class="sectionchongzhimima">
    <div class="w-layout-blockcontainer container-9 w-container">
      <div class="text-block">重置密码</div>
      <div class="form-block w-form">
        <form id="wf-form--5" name="wf-form--5" data-name="用户登录" redirect="/#/" data-redirect="/#/" method="get" class="formchongzhi" data-wf-page-id="657eebdfb6545ac9af893db6" data-wf-element-id="13a85118-4e31-194b-a424-35fb90ae3a58"><input class="text-field inputform w-input" autofocus="true" maxlength="256" name="shoujihaoma" data-name="shoujihaoma" placeholder="    请输入手机号码" type="tel" id="shoujihaoma" required="">
          <a id="get-verification-code-button-chongzhi" href="#" class="linkchongzhi">获取验证码</a><input class="inputform text-field w-input" maxlength="256" name="yanzhengma" data-name="yanzhengma" placeholder="     请输入验证码" type="number" id="yanzhengma" required=""><input class="inputform text-field w-input" maxlength="256" name="chongzimima" data-name="chongzimima" placeholder="     请输入重置后密码" type="password" id="chongzimima" required=""><input type="submit" data-wait="请稍等......." class="submit-button w-button" value="确认重置">
          <div class="w-embed w-script">
            <script>
    // 获取按钮元素
    const button_chongzhi = document.getElementById('get-verification-code-button-chongzhi');
    // 初始化倒计时秒数
    let countdownSeconds_chongzhi = 300;
    let countdownInterval_chongzhi; // 声明定时器变量
    // 点击按钮后的操作
    button_chongzhi.addEventListener('click', () => {
        // 禁用按钮
        button_chongzhi.disabled = true;
        // 启动倒计时
        countdownInterval_chongzhi = setInterval(() => {
            countdownSeconds_chongzhi--;
            button_chongzhi.textContent = `等待 ${countdownSeconds_chongzhi} 秒`;
            if (countdownSeconds_chongzhi <= 0) {
                // 倒计时结束，恢复按钮状态
                clearInterval(countdownInterval_chongzhi);
                button_chongzhi.textContent = '获取验证码';
                button_chongzhi.disabled = false;
                countdownSeconds_chongzhi = 300; // 重新设置倒计时秒数
            }
        }, 1000);
    });
</script>
          </div>
          <div class="div-block-4">
            <a data-w-id="c5ce7a31-d436-3cbd-f662-5c30e43900ee" href="#" class="dengluyiyou">登录已有账号</a>
            <a data-w-id="3041deed-fe67-8b10-63fa-07e418ad0339" href="#">新用户账号注册</a>
          </div>
        </form>
        <div class="w-form-done">
          <div>Thank you! Your submission has been received!</div>
        </div>
        <div class="w-form-fail">
          <div>Oops! Something went wrong while submitting the form.</div>
        </div>
      </div>
    </div>
  </section>
  <section class="footer-dark-2">
    <div class="container-4">
      <div class="footer-wrapper-2">
        <a href="#" class="footer-brand-2 w-inline-block"><img src="https://uploads-ssl.webflow.com/62434fa732124a0fb112aab4/62434fa732124a332512aaee_placeholder-1.svg" loading="lazy" alt=""></a>
        <div class="footer-content-2">
          <div id="w-node-_622968d3-3941-0a3d-c69f-fc4275d9e1c2-af893db6" class="footer-block-2">
            <div class="title-small-2">Company</div>
            <a href="#" class="footer-link-2">How it works</a>
            <a href="#" class="footer-link-2">Pricing</a>
            <a href="#" class="footer-link-2">Docs</a>
          </div>
          <div id="w-node-_622968d3-3941-0a3d-c69f-fc4275d9e1cb-af893db6" class="footer-block-2">
            <div class="title-small-2">Resources</div>
            <a href="#" class="footer-link-2">Blog post name list goes here</a>
            <a href="#" class="footer-link-2">Blog post name list goes here</a>
            <a href="#" class="footer-link-2">Blog post name list goes here</a>
            <a href="#" class="footer-link-2">See all resources &gt;</a>
          </div>
          <div id="w-node-_622968d3-3941-0a3d-c69f-fc4275d9e1d6-af893db6" class="footer-block-2">
            <div class="title-small-2">About</div>
            <a href="#" class="footer-link-2">Terms &amp; Conditions</a>
            <a href="#" class="footer-link-2">Privacy policy</a>
            <div class="footer-social-block-2">
              <a href="#" class="footer-social-link-2 w-inline-block"><img src="https://uploads-ssl.webflow.com/62434fa732124a0fb112aab4/62434fa732124ac15112aad5_twitter%20small.svg" loading="lazy" alt=""></a>
              <a href="#" class="footer-social-link-2 w-inline-block"><img src="https://uploads-ssl.webflow.com/62434fa732124a0fb112aab4/62434fa732124a389912aad8_linkedin%20small.svg" loading="lazy" alt=""></a>
              <a href="#" class="footer-social-link-2 w-inline-block"><img src="https://uploads-ssl.webflow.com/62434fa732124a0fb112aab4/62434fa732124a51bf12aae9_facebook%20small.svg" loading="lazy" alt=""></a>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="footer-divider-2"></div>
    <div class="footer-copyright-center-2">Copyright © 2021 Company name</div>
  </section>
  <script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=657c661418a503e0b43c9905" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
  <script src="js/webflow.js" type="text/javascript"></script>
</body>
</html>